<!DOCTYPE html>
<html>
	<head>
		<!-- Title here -->
		<title>Sandeep Weds Rupal</title>
		<!-- Description, Keywords and Author -->
		<meta name="description" content="sandeep & rupal's Wedding">
		<meta name="keywords" content="wedding,sandeep,rupal,india,surat,gujarat">
		<meta name="author" content="SandeepParekh">
		
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Lobster+Two:700' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic' rel='stylesheet' type='text/css'>
		
		<!-- Styles -->
		<!-- Bootstrap CSS -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<!-- FlexSlider -->
		<link href="css/flexslider.css" rel="stylesheet">
		<!-- Font awesome CSS -->
		<link href="css/font-awesome.min.css" rel="stylesheet">		
		<!-- Custom CSS -->
		<link href="css/style.css" rel="stylesheet">
		
		<!-- Favicon -->
		<link rel="shortcut icon" href="#">
	</head>
	
	<body>
		<!-- Navigation Starts -->
		<div class="navbar navbar-default navbar-fixed-top bs-docs-nav" role="banner">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".bs-navbar-collapse">
					  <span class="sr-only">Toggle navigation</span>
					  <span class="icon-bar"></span>
					  <span class="icon-bar"></span>
					  <span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#">Sandeep &amp; Rupal</a>
				</div>
				
				<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
					<ul class="nav navbar-nav navbar-right">
						<li><a href="#home" class="anchorLink">Home</a></li>
						<li><a href="#about" class="anchorLink">About</a></li>
						<li><a href="#photos" class="anchorLink">Photos</a></li>
						<li><a href="#wedding" class="anchorLink">Wedding</a></li>
<!-- 						<li><a href="#rsvp" class="anchorLink">RSVP</a></li> -->
					</ul> 
				</nav>
				
		
			</div>
		</div>
		<a name="home" id="home"></a>
		<!-- Navigation Ends -->
		
		<!-- Main Starts -->
		<div class="main">
			<div class="container">
				<div class="row">
					<div class="col-md-8 col-sm-7">
						<div class="main-invite">
							<div class="signal"><i class="icon-signal"></i>	 <span>Marriage On</span></div>
							<h1>We're<br> 
								getting married</h1>
							<p>We will bind together on 14th October 2013 for the rest of our lives. We pledge to stay by each other's side till the end of the days. You are invited to attend our wedding and bless us with your blessings.</p>
						</div>
					</div>
					<div class="col-md-4 col-sm-5">
						<div class="main-date">
							<i class="icon-heart"></i>
							<div class="date"><span class="month"><strong>14,OCT</strong></span><br><span class="year"><strong>2013</strong></span></div>	
						</div>
					</div>
				</div>
				<a name="about" id="about"></a>
			</div>
		</div>
		<!-- Main Ends -->
		
		<!-- About Starts -->
		<div class="about">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="title">
							<h3>About Us</h3>
						</div>
						<div class="bor"></div>
						
						<p class="about-para text-center">A Software Engineer Weds a Software Engineer.</p>
						<div class="bor"></div>
					</div>
				</div>
		
				<div class="row">
					<div class="col-md-4 col-sm-4">
						<div class="groom">
							<h3>Sandeep</h3>
							<hr>
							<p class="text-center">A simple , honeset and funny guy.</p>
						</div>
					</div>
					<div class="col-md-4 col-sm-4">
						<div class="love">
							<i class="icon-heart"></i>
							<h3>14,OCT 2013</h3>
						</div>
					</div>
					<div class="col-md-4 col-sm-4">
						<div class="bride">
							<h3>Rupal</h3>
							<hr>
							<p class="text-center">Humorous and energetic girl</p>
						</div>
					</div>
				</div>
				<a name="photos" id="photos"></a>
				<hr>
			</div>
		</div>
		
		<!-- About Ends -->
		<!-- Photos Starts -->
		<div class="photos">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="title">
							<h3>Photos</h3>
						</div>
						
						<div class="bor"></div>
                  
						<div class="flexslider">
						  <ul class="slides">
							<li>
							  <img src="img/album1.jpg" alt="" class="img-responsive" />
							</li>
							<li>
							  <img src="img/album2.jpg" alt="" class="img-responsive" />
							</li>
							<li>
							  <img src="img/album3.jpg" alt="" class="img-responsive" />
							</li>
							<li>
							  <img src="img/album4.jpg" alt="" class="img-responsive" />
							</li>
						  </ul>
						</div>
                  
					</div>
					
				</div>
				<a name="wedding" id="wedding"></a>
				<hr>
				
			</div>
		</div>
		
		<!--Photo Ends-->
		
		<!-- Wedding Starts -->
		<!--<div class="wedding">-->
			<div class="container">
						<div class="title">
							<h3>Wedding</h3>
						</div>
						<div class="bor"></div>
						
				<div class="row">
					<div class="col-md-4 col-sm-4">
						
						<div class="well">
							<h3><i class="icon-heart"></i> Ceremony</h3>
							<a href="#">Bhid Bhanjan Mahadev Mandir</a>
							<p>Udhna,
							   Surat
							</p>
							<a href="#">Get Direction</a>
							<hr>
							<h3><i class="icon-star"></i> Reception</h3>
							<a href="#">Omkareshwar Estate</a>
							<p>37/7, Omkareshwar Estate
								Udhana,
								Surat
							</p>
							<a href="#">Get Direction</a>
						</div>
					</div>
					<div class="col-md-4 col-sm-4">
						<div class="well">
							 <h3><i class="icon-glass"></i> Wedding Party</h3>
							<p>Please join us for our wedding party.</p>
							<img src="img/wedding.jpg" alt="" class="img-responsive"/>
							<h5>Ring Bearer</h5>
							<p>Pankesh Mehta</p>
							<h5>Bridesmaids:</h5>
							<p>Dholakiya Sisters .</p>
							<h5>Groomsmen:</h5>
							<p>Parekh Brothers</p>
						</div>
					</div>
					<div class="col-md-4 col-sm-4">
						<div class="well">
							<h3><i class="icon-home"></i> Accomodations</h3>
							<a href="#">Omkareshwar Estate</a>
							<p>37/7, Omkareshwar Estate
								Udhana,
								Surat
							</p>
							<a href="#">Get Direction</a>
							<hr>
							 <h3><i class="icon-truck"></i> Reception</h3>
							 <img src="img/car.jpg" alt="" class="img-responsive"/>
							<a href="#">Omkareshwar Estate</a>
							<p>37/7, Omkareshwar Estate
								Udhana,
								Surat
							</p>
							<a href="#">Get Direction</a>
						</div>
					</div>
				</div>
				<a name="rsvp" id="rsvp"></a>
				<hr>
				
			</div>
		</div>
		
		<!-- Wedding Ends -->
		
		<!-- RSVP Starts -->
		<div class="rsvp">
			<div class="container">
				<div class="title">
							<h3>RSVP</h3>
				</div>
				<div class="bor"></div>
				
				<div class="row">
					<div class="col-md-3 col-sm-3">
						<div class="heart">
							<i class="icon-heart"></i>
						</div>
					</div>
					<div class="col-md-6 col-sm-6">
						<div class="well">
							<p>We would be delighted if you decide to attend our wedding. Please let us know as soon as possible.</p>
							<form class="form-horizontal" role="form">
							    <div class="form-group">
									<label class="control-form col-md-3" for="name">Name</label>
									<div class="col-md-9">
										<input type="text" class="form-control" id="name">
									</div>
								</div>
								<div class="form-group">
									<label class="control-form col-md-3" for="email">Email</label>
									<div class="col-md-9">
										<input type="text" class="form-control" id="email">
									</div>
								</div>
								<div class="form-group">
									<label class="control-form col-md-3" for="attentive">Attending?</label>
									<div class="col-md-9">
										<input type="text" class="form-control" id="attentive">
									</div>
								</div>
								<div class="form-group">
									<div class="col-md-9 col-md-offset-3">
									<input type="button" class="btn btn-danger" value="Submit">
									</div>
								</div>
							</form>
						</div>
					</div>
					<div class="col-md-3 col-sm-3">
						<div class="heart">
							<i class="icon-heart"></i>
						</div>
					</div>
				</div>
				<hr>
			</div>
		</div>
		
		<!-- RSVP Ends -->
		
		<!--Footer Starts -->
			<div class="footer">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="copy">
                     <!-- This theme comes with Creative Commons Attribution 3.0 Unported license. So you should not remove the footer link. -->
								Copyright 2013 &copy; <a href="http://responsivewebinc.com/bootstrap-themes">Bootstrap Themes</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		<!--Footer Ends -->
		<span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span> 

		
		<!-- Javascript files -->
		<!-- jQuery -->
		<script src="js/jquery.js"></script>
		<!-- Bootstrap JS -->
		<script src="js/bootstrap.min.js"></script>
		<!-- FlexSlider -->
		<script src="js/jquery.flexslider-min.js"></script>
		<!-- jQuery Anchor Plugin -->
		<script src="js/jquery.anchor.js"></script>
		<!-- Respond JS for IE8 -->
		<script src="js/respond.min.js"></script>
		<!-- HTML5 Support for IE -->
		<script src="js/html5shiv.js"></script>
		<!-- Custom JS -->
		<script src="js/custom.js"></script>
	</body>	
</html>